*{ margin: 0; padding: 0;}
 body {background-color: #fff; padding: 0; margin: 0; overflow-x: hidden; font-size: 14px;}
 ol,ul,li {list-style: none}
 a{text-decoration:none !important;color: #666666;cursor:pointer;}
 h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
 input,textarea {outline: none;}
 .fl{ float: left;}
 .fr{ float: right;}
 .cl{ clear: both;}
/*head*/
.header{}
.hetop{height: 70px;}

.red{color: #c7000b;}
.navbar-default .navbar-collapse{position: absolute; background-color: #fff;
    z-index: 99;}
@media(min-width: 768px)
{
	.hetop{
    max-width: 1200px;
    margin: auto;
}
.navbar-nav {
    float: right !important;  
    height: 70px;
}
.navbar-nav  li  a {
    line-height: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.hetop .logo{ width: 220px; padding-top: 20px;}
.hetop .logo img{ width: 100%;}

.navbar {
    border: none !important; margin:10px auto !important;
}
.navbar-default .navbar-collapse{position:inherit; background-color: #fff;
 }
}

@media (min-width: 1197px){

.category{ margin: 50px auto !important;}
}
@media (min-width: 992px){
.col-md-tdw{ width: 20% !important; float: left;}
}
@media (min-width: 768px){
.container {
    width: 750px;
}
}



.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.category{ margin: 20px auto;}
.catelist{ border: 1px solid #ccc; position: relative; padding-left: 10px !important; padding-right: 10px !important; }
.catelist a{color: #333;}
.catelist h3{ font-size: 1.5vw; margin-top: 2vw; margin-bottom: 1vw; color: #333;}
.catelist a:hover h3{color: #0b90cf;}
.tiao{width: 38%; position: absolute; left:-1px; top:-1px; height: 5px;}
.catelist:first-child .tiao{background-color: #0b90cf;}
.catelist:nth-child(2) .tiao{background-color: #0bcfac;}
.catelist:nth-child(3) .tiao{background-color: #3dea5d;}
.catelist:nth-child(4) .tiao{background-color: #eecc54;}
.catelist:last-child .tiao{background-color: #f57f20;}
.catelist img{ width: 100%; display: block; margin:10px auto;}


/*关于我们*/
.company{ width: 100%; background: url(../images/ys.jpg)  top right; background-repeat:no-repeat; background-size:100%;}

@media (min-width: 768px){

.company{ width: 100%; background: url(../images/ys.jpg)  top right; background-repeat:no-repeat; background-size:50%;}
}
.aboutus{ font-size: 1.4rem; text-align: justify; color: #999999;margin-top: 5vw;margin-bottom: 5vw;}
.aboutus h3{ font-size: 2rem; text-align: center; color: #82ceee;}
.abtitle{ margin: 2vw 0; height: 12rem; line-height: 2rem; overflow: hidden; text-indent: 2em;}
.more{ background-color: #82ceee; display: block; width: 120px; margin: auto; padding: 10px 0; text-align: center; border-radius: 5px; color: #fff;}




/*nav*/
.navbar-toggle{background: #82ceee !important;}
.icon-bar{ background: #fff !important;}
.navbar-header{}
/*banner*/
.swiper-slide img{width: 100%; display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
.swiper-pagination-bullet-active {
	width: 10px;
    height: 10px;
    opacity: 1;
    background: #82ceee !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}


/*产品展示*/
.cpzs{width: 100%; background: url(../images/pu.jpg) center; background-repeat:no-repeat; background-size:cover; padding: 20px 0 40px;}
.lbzs{ position: relative;}
.bttop{ text-align: center; color: #fff;}
.bttop span{ display: block; padding-top: 10px;}
.swiper-guang{overflow: hidden;position: relative; width: 90%; margin:20px auto;}
.leftsi{ width: 68%; margin-left: 9%; margin-top: 5%;}
.anlshow{width: 31%; margin-right: 3.5%;  padding: 1px; box-sizing: border-box;}
.anlshow:nth-child(3n){ margin-right: 0;}
.anlwz{ text-align: justify; line-height: 22px; background-color: #fff; margin:0 15px; padding: 10px;}
.anlwz h3{ font-size: 1.2em; color: #241815; font-weight: bold; padding: 5px 0; margin: 0 !important;}
.dianm{ position: relative; width: 40px; height: 40px; margin:0 auto; margin-bottom: 10px;}
.alitu{padding: 0 15px; box-sizing: border-box;}
.swiper-button-nexts img, .swiper-button-prevs img{ width: 100%;}
.swiper-button-nexts{
	position: absolute; top:40%; left: 0;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-prevs { 
	position: absolute;  top:40%; right: 0;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
}

/*新闻列表*/
.new { margin: 20px auto;}
.new .bttop {
    color: #333;
}
.new .bttop span{
    color: #999;
}
.table_card { width:100%; margin:0 auto;margin-top: 20px}
.table_card .tab { height:36px; font-size:14px; display: flex;justify-content: center;}
.table_card .tab li { height:36px; line-height:36px; padding:0 25px; margin-right:5px; border-radius: 5px; }
.table_card .tab li:hover { background-color: #82ceee; color:#fff; cursor:pointer}
.table_card .activ { background-color: #82ceee; color:#fff;}
.table_card .tabCon { padding-top:10px;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}

.newslist01 { font-size:14px;}
.newslist01 li{ margin-bottom: 10px;}

.newslist01 li a{ line-height:36px; display: flex;color: #323A45;text-decoration:none;}
.newslist01 li span{ display: block;}
.newslist01 li .time { float:right; font-size:12px; color:#888}
.newslist01 .newtime{ width:15%; height: 96px;text-align: center; padding: 15px 0; color: #898989;}
.newslist01 .newtime h1{ color: #333333; margin: 0 !important;}
.newslist01 li a:hover .newtime{color: #0b90cf;}
.newslist01 .newtext{width:85%; height: 96px; padding-top: 15px;color: #898989; line-height: 18px;}
.newslist01 .newtext p,.newslist01 .newliste p{ height: 36px; overflow: hidden;}
.newslist01 .newtext h3, .newslist01  .newliste h3{ line-height: 32px; margin: 0 !important; font-size: 18px;color: #333; height: 32px; overflow: hidden;}
.newslist01 li a:hover .newtext h3,.newslist01 li a:hover .newliste h3,.newslist01 li a:hover .newtime h1{ color: #0b90cf;}

.newslist01  .newliste{ width: 1050px;height: 68px;  padding: 15px 0;color: #898989; line-height: 18px; padding-left: 30px;}


/*foot*/
.footer{ background-color: #3ab3e6; color: #fff;}
.footop{ margin-bottom: 20px;}
.foobot{background-color: #1283b9; padding: 10px; text-align: center;}
.hr{ height: 1px; background-color: #fff; margin: 20px 0; width: 100%;}
.ewm{ display: flex; justify-content: center; flex-wrap: wrap;}
.botlogo img{ padding-top: 3vw; display: block; margin: auto; max-width: 100%;}
.contact img{ width: 120px; height: 120px; padding:0 10px; box-sizing: content-box;}





/*产品展示页*/
.twobanner img{  width: 100%;}
.toplitle{ margin-top: -80px;line-height: 100px;background:url(../images/twop_03.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center; border-bottom: 1px solid #fff; font-size: 22px;}
.leftnav .panel{ border: none; text-align: center; border-bottom: 1px solid #ddd;border-radius:0 !important; margin:0 !important;padding: 0 !important;}
.leftnav .panel-heading{ padding:0 !important;}
.leftnav .panel a{ display: block;}
#accordion .panel-title a{
		display: block;
		padding: 15px;
		color: #fff;
		text-decoration:none;
		background: #3ab3e6;
		position: relative;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a.collapsed{
		color: #3ab3e6;
		background: #e4e4e4;
	
	}
.panel-body{ cursor: pointer;}
@media (max-width: 768px){

.panel-group .panel{
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
.header{ padding: 10px 0;}
}

.righttittle{ padding-top: 20px;}
.return{ text-align: right; margin-bottom: 20px;}
.product{ overflow: hidden;}
.list{ padding:0 10px !important;}
.list img{ width: 100%;}
.list p{ background-color: #eaeaea; padding: 15px 0; text-align: center;}
.list a:hover p{text-decoration: none;  background-color: #3ab3e6; color: #fff;}

.show{text-align: center;}
.show h4{padding: 20px 0;}
.show img{ max-width: 100%;}
.show  .tittle{margin: 20px 0; line-height: 24px;text-align:left;}
/*页码*/
.container .pagination {
    justify-content: center;
    display: flex;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3ab3e6 !important;
    border-color: #3ab3e6 !important;

}




.message{ margin-bottom: 50px;}
.blue{ background-color: #3ab3e6; color: #fff;}
.lx ul li{padding: 5px 0;}
.newshow{ min-height: 300px;}
.newshow h4{ text-align: center; padding-bottom: 10px;}